{% extends 'antiques/mobile/base.html' %}

{% block title %}古韵堂简介{% endblock %}

{% block content %}
<div class="mb-4">
    <h2 class="section-title">古韵堂简介</h2>
    <div class="text-center mb-3">
        <img src="/media/cangjia.jpg" alt="藏家照片" class="img-fluid rounded shadow-sm" style="max-height: 200px;">
    </div>
    <p class="text-muted">古韵堂是聚焦明清瓷器的私人收藏艺术空间，以景德镇官窑珍品为核心，系统呈现青花、粉彩、珐琅彩及单色釉瓷的艺术精髓。展厅精选明清宫廷御用瓷器，如釉色莹润如脂的雍正粉彩、纹饰繁复的乾隆转心瓶，通过定制灯光与园林式展陈设计，凸显瓷器釉色流动之美与造型巧思。其展品不仅涵盖"苏麻离青"料勾勒的明代青花，更以康熙豇豆红、霁蓝釉等单色釉瓷诠释东方美学至简之境，在当代空间中续写"泥土与火焰共舞"的文明诗篇。</p>
</div>

<div class="text-center mb-4">
    <h1 class="section-title">古韵堂藏品</h1>
    <p class="text-muted">探索历史瑰宝，感受文化魅力</p>
</div>

{% for antique in antiques %}
<div class="antique-item mb-4 p-3 border rounded shadow-sm">
    <div class="antique-image text-center mb-3">
        {% with first_image=antique.images.first %}
        {% if first_image %}
        <a href="{% url 'antiques:detail' antique.id %}">
            <img src="{{ first_image.thumbnail.url }}" alt="{{ antique.name }}" class="img-fluid" style="max-height: 200px; margin: 0 auto;">
        </a>
        {% else %}
        <div class="d-flex align-items-center justify-content-center h-100">
            <span class="text-muted">暂无图片</span>
        </div>
        {% endif %}
        {% endwith %}
    </div>
    <div class="antique-info">
        <h3 class="text-center mb-3">
            <a href="{% url 'antiques:detail' antique.id %}" class="text-decoration-none text-dark">{{ antique.name }}</a>
        </h3>
        <div class="mb-2">
            <span class="badge bg-primary">{{ antique.get_dynasty_display }}</span>
            <span class="badge bg-info text-dark">{{ antique.get_process_display }}</span>
            <span class="badge bg-warning text-dark">{{ antique.get_shape_display }}</span>
            <span class="badge bg-secondary">{{ antique.get_kiln_display }}</span>
            <span class="badge bg-danger">{{ antique.get_condition_display }}</span>
        </div>
        {% if antique.size %}
        <div class="mb-2 text-muted">
            <i class="bi bi-rulers"></i> {{ antique.size }}
        </div>
        {% endif %}
        <p class="price text-center mb-0" style="font-family: 'SimSun', 'STSong', serif; font-size: 1.2rem; color: #c00; font-weight: bold;">藏家特惠价：¥{{ antique.price }}</p>
    </div>
</div>
{% empty %}
<div class="alert alert-info text-center">
    <i class="bi bi-info-circle"></i> 暂无藏品展示
</div>
{% endfor %}
{% endblock %} 